<template>
  <div>
      <p>该系统用到的技术有: <span>html5</span>
      +<span>css3</span>
      +<span>less</span>
      +<span>javascript(包含es5、es6)</span>
      +<span>nodejs</span>
      +<span>axios</span>
      +<span>mockjs</span>
      +<span>vue框架</span>
      +<span>element-ui组件</span>
      +<span>以及撰写过程中涉及到的一些插件</span></p>
      <p>系统环境: <span>Windows10</span></p>
      <p>开发工具: Visual Studio Code--<span>(vsCode)</span></p>
      <p>运行项目展示：<span>谷歌/火狐/IE等新版本浏览器</span></p>
      <p>数据库: <span>MySQL 5.7</span></p>
      <p>注意事项：对于一些页面切记尽量减少页面直接刷新，可以使用后退键</p>
      <p></p>
      <p></p>
  </div>
</template>

<script>
export default {
    name:'SysoutShouye',
    mounted() {
        // 通过用户id回馈用户商品不符合规格
        this.$bus.$on('sendMessage',(id,goodsName)=>{
            if(id == localStorage.getItem('Token')){
                alert("你的"+ goodsName+"因为不符合要求已经被退回，请重新提交需要竞拍的商品")
            }
        })
    },
}
</script>

<style scoped>
div{
    background-color: #fff;
    width: 100%;
    height: 830px;
    padding-left: 40px;
    padding-top: 100px;
}
p:first-child{
    height: 80px;
}
p{
    height: 40px;
    line-height: 40px;
}
span{
    font-weight: bold;
}
</style>